/*-----------------------------------------------------------------------------------------------------------------------*/
/*.g-adv{ height:12.5rem; overflow:hidden;}*/
/*.g-adv .sclwrap_box , .g-adv .m-box{ height:12.5rem; overflow:hidden;}*/

/*-----------------------------------------------------------------------------------------------------------------------*/
nav{ height:7.04rem; overflow:hidden; position:relative;}
nav:before{ position:absolute; content:""; width:100%; height:1px; top:50%; left:0; background:#FFD712; z-index: 10;}
nav a{ color:#fff; background: #f6992b; font-size:1rem; width:33.3%; text-align:center; height:3.5rem; line-height:3.5rem; overflow:hidden; display:block; float:left; position:relative;}
nav a:before{ position:absolute; content:""; width:1px; height:3.5rem; top:0; right:0; background:#FFD712;}
nav a:nth-child(3n):before{ background:none;}

/* 产品 */
.cp{ height: 50.88rem; overflow: hidden;}
.cp h2, .fa h2, .ys h2{ padding-top: 2.25rem; height: 7.67rem; overflow: hidden; text-align: center; font-size: 1.25rem; font-family: Impact; color: #333; text-transform: uppercase; color: #ccc; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; position: relative;}
.cp h2 a, .fa h2 a,.ys h2 a{ display: block; font-size: 1.33rem; font-weight: bold; color:#2c2d2c;}
.cp h2:before,.fa h2:before,.ys h2:before{ position: absolute; content: ""; width: 2.92rem; height: 0.17rem; background: #999; left: 11.88rem; bottom: 1.67rem;}

.cp_con{ height: 40.29rem; overflow: hidden; width: 24.17rem; margin: 0 auto; position: relative;}

.cp_con .con{ float: left; display: inline; width: 100%;}

.cp_con span{ position: absolute; top: 12.29rem; right: 0; display: block; width: 11.63rem; height: 2.08rem; background: #eee; border-radius: 50px; text-align: center; font-size: 0.92rem; line-height: 2.08rem; text-align: center; color: #333; text-transform: uppercase;}
.cp_con span a{ color: #333;}


.cp_q{ height:3.3rem;}
.cp_q li{margin-bottom: 1rem ;margin-right: 2rem; float: left; width: 11rem; height: 2.08rem; background: #eee;  text-align: center; font-size: 0.92rem; line-height: 2.08rem; text-align: center; color: #333;}
.cp_q .z-on{ background: #2c2d2c; color: #fff;}

.cp_c{ height: 38.42rem;}
.cp_c ul li{ line-height: 0; width: 11.04rem; height: 12rem; float: left; margin-right: 2rem;}
.cp_c ul li p{ height: 3.17rem; text-align: center; font-size: 1rem; line-height: 3.17rem; color: #666;overflow: hidden;}
.cp_c ul li img{ width: 100%; height: 9rem; border: 1px solid #d0d0d0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.cp_c ul li:nth-child(2n){ margin-right: 0;}

.cp_tel{ width: 14.42rem; margin: 0 auto; height: 1.75rem;position: relative; }

.cp_tel p{ width: 14.42rem; margin: 0 auto; height: 1.75rem; overflow: hidden; border: 2px solid #ccc; border-radius: 50px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.cp_tel a{position: absolute; z-index: 10; top: 0; left: 0; display: inline-block; width: 7.58rem; text-align: center; height: 1.75rem; font-size: 0.92rem; color: #fff; line-height: 1.75rem; background: #aaaaaa; border-radius: 50px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.cp_tel a:nth-child(2){ background: none; color: #3a3a3a; top: 0; left: 7.58rem; width: 5.92rem; height: 1.75rem; overflow: hidden; text-align: center;}

/* 方案 */
.fa{background: #f4f4f4;}
.fa_con{ height: 12.29rem; overflow: hidden; width: 24.17rem; margin: 0 auto; position: relative;}
.fa_c{ height: 29.42rem;}
.fa_c ul li{ line-height: 0; width: 11.04rem; height: 11.5rem; float: left; margin-right: 2rem;}
.fa_c ul li p{ height: 3.17rem; text-align: center; font-size: 1rem; line-height: 3.17rem; color: #666;overflow: hidden;}
.fa_c ul li img{ width: 100%; border: 1px solid #d0d0d0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.fa_c ul li:nth-child(2n){ margin-right: 0;}


/* 优势 */
.ys{overflow: hidden;}
.ys_con{ overflow: hidden;}
.ys_con .con{ float: left; display: inline; width: 100%;}

.ys_c{margin-bottom: 1rem; overflow: hidden;}
.ys_c span{ display: block; height: 12.75rem; overflow: hidden; margin-top: 0.3rem;}
.ys_c dl{ width: 24.17rem; margin: 0 auto;}
.ys_c dl dt{ margin-top: 1.38rem; height: 3.17rem; overflow: hidden;}
.ys_c dl dt em{ display: inline-block;  height: 3.17rem; font-size: 2.5rem; line-height: 3.17rem; color: #fff; text-align: center; width: 4.13rem; overflow: hidden; background: url('') no-repeat left top;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.ys_c dl dt p{ margin-left: 0.75rem; display: inline; font-size: 1.17rem; font-weight: bold; color: #333; line-height: 3.17rem; height: 3.17rem; overflow: hidden; background: url('') repeat-x; -webkit-background-size:0.5rem 3.17rem; -moz-background-size:0.5rem 3.17rem; -o-background-size:0.5rem 3.17rem; background-size:0.5rem 3.17rem;}
.ys_c dl dt p b{ color: #009944;}
.ys_c dl dd p{ margin-top: 0.92rem; padding-left: 1.17rem; font-size: 1rem; color: #666; line-height: 1.58rem; position: relative;}
.ys_c dl dd p:before{ position: absolute; content: ""; width: 0.5rem; height: 0.5rem; background: #000; border-radius: 50px; top: 0.75rem; left: 0;}

.ys_q{ width: 100%; height: 0.63rem; overflow: hidden;}
.ys_q li{ background: #888; float: left; width: 25%; height: 0.63rem; border-right: 2px solid #fff; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.ys_q .z-on{ background: black;}



/* 动态 */
.new{overflow: hidden; width: 24.17rem; margin: 0 auto; position: relative;margin-top: 1.7rem;}
.new span{ position: absolute; display: block; width: 5.25rem; height: 2.25rem; overflow: hidden; text-align: center; top: 0; right: 0; font-size: 0.83rem; text-transform: uppercase; line-height: 2.25rem;}
.new span a{ color: #fff;}
.new .con{ float: left; display: inline; width: 100%;}
.n_q{ overflow: hidden;  margin: 0 auto;}
.n_q li{ float: left; margin-right: 1.4rem; background: #757575; width: 7.08rem; height: 2.25rem; text-align: center; font-size: 1rem; line-height: 2.25rem; color: #fff;}
.n_q .z-on{ background: #14ab51;}

.n_c{ height: 11.67rem; overflow: hidden; border-bottom: 2px dashed #c0c0c0}
.n_c ul{ padding-top: 0.75rem; width: 23.17rem; margin: 0 auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.n_c ul li{ padding-left: 0.67rem; font-size: 1rem; line-height: 1.83rem; color: #666; -webkit-background-size:0.29rem 0.21rem; -moz-background-size:0.29rem 0.21rem; -o-background-size:0.29rem 0.21rem; background-size:0.29rem 0.21rem;}
.n_c ul li a{ color: #666;}

/* 尾部方块 */
.wbfk{background: #2a2e2d; margin-top: 1rem; padding-top: 1rem;}
.wbfk .lxwm{margin: 0 auto; width:7.08rem; color: #ffffff; border: 1px solid #ffffff;border-radius: 1rem; text-align: center; padding:0.3rem; 0;}
.wbfk .p{text-align: center;color: #ffffff;padding-bottom: 0.5rem;}
/*-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;
*/

@media screen and (min-width:320px) {
	html { font-size:75%;}
}
@media screen and (min-width:360px) {
	html { font-size:85%;}
}
@media screen and (min-width:375px) {
	html { font-size:87.5%;}
}
@media screen and (min-width:480px) {
	html { font-size:110.5%;}

}
@media screen and (min-width:568px) {
	html { font-size:129%;}

}
@media screen and (min-width:639px) {
	html { font-size:150%;}
}